<!doctype html>
<html>
<head>

  <meta name="viewport" content="width=device-width, maximum-scale=1, initial-scale=1, user-scalable=0">
  <link rel="stylesheet" href="../../stylesheets/google/family.css">


  <meta charset="utf-8">

  <!-- Always force latest IE rendering engine or request Chrome Frame -->
  <meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible">

  <!-- Use title if it's in the page YAML frontmatter -->
  <title>Core Admin Theme</title>

  <link href="../../stylesheets/application.css" media="screen" rel="stylesheet" type="text/css" />

  <!--[if lt IE 9]>
  <script src="../../javascripts/vendor/html5shiv.js" type="text/javascript"></script>
  <script src="../../javascripts/vendor/excanvas.js" type="text/javascript"></script>
  <![endif]-->

  <script src="../../javascripts/application.js" type="text/javascript"></script>
</head>



<body>
  <div class="container-fluid">
    <div class="row-fluid">

      <div class="area-top clearfix">
        <div class="pull-left header">
          <h3 class="title">
            <i class="icon-calendar"></i>
            Full Calendar
          </h3>
          <h5>
            A subtitle can be added here
          </h5>
        </div>

        <ul class="inline pull-right sparkline-box">

          <li class="sparkline-row">
            <h4 class="blue"><span>Orders</span> 847</h4>
            <div class="sparkline big" data-color="blue"><!--26,16,20,29,18,3,12,21,24,20,4,23--></div>
          </li>

          <li class="sparkline-row">
            <h4 class="green"><span>Reviews</span> 223</h4>
            <div class="sparkline big" data-color="green"><!--9,20,5,21,28,14,17,25,12,22,9,3--></div>
          </li>

          <li class="sparkline-row">
            <h4 class="red"><span>New visits</span> 7930</h4>
            <div class="sparkline big"><!--15,28,4,7,18,12,20,7,25,19,13,29--></div>
          </li>

        </ul>
      </div>
    </div>
  </div>

  <div class="container-fluid padded">
    <div class="row-fluid">

      <!-- Breadcrumb line -->

      <div id="breadcrumbs">
        <div class="breadcrumb-button blue">
          <span class="breadcrumb-label"><i class="icon-home"></i> Home</span>
          <span class="breadcrumb-arrow"><span></span></span>
        </div>

        
            <div class="breadcrumb-button">
              <span class="breadcrumb-label">
                <i class="icon-link"></i> Others
              </span>
              <span class="breadcrumb-arrow"><span></span></span>
            </div>
        

        <div class="breadcrumb-button">
          <span class="breadcrumb-label">
            <i class="icon-calendar"></i> Full Calendar
          </span>
          <span class="breadcrumb-arrow"><span></span></span>
        </div>
      </div>
    </div>
  </div>

  <div class="container-fluid padded">
    <div class="row-fluid">
  <div class="span3" id='external-events'>
    <div class="box">
      <div class="box-header"><span class="title">Draggable events</span></div>
      <div class="box-content">
        <div class="nav-menu">
          <ul class="nav nav-list">
            
                <li><a class='external-event'>My Event 1</a></li>
            
                <li><a class='external-event'>My Event 2</a></li>
            
                <li><a class='external-event'>My Event 3</a></li>
            
                <li><a class='external-event'>My Event 4</a></li>
            
                <li><a class='external-event'>My Event 5</a></li>
            
            <li class="hidden-option">
              <a id="add-event" class="flat" href="#"><i class="icon-plus"></i>Create event</a>
            </li>
            <li style="padding: 10px 0">
              <div class="clearfix">
                <div class="pull-left">
                  remove after drop
                </div>
                <div class="pull-right" style="margin-right: 2px;">
                  <input type='checkbox' id='drop-remove' class="checky"/>
                  <label for='drop-remove' class="checky"><span></span></label>
                </div>
              </div>
            </li>
          </ul>
        </div>
      </div>
    </div>
  </div>

  <div class="span9">
    <div class="box">
      <div class="box-header"><span class="title">Full calendar</span></div>
      <div class="box-content">
        <div id="calendar"></div>
      </div>
    </div>
  </div>

</div>
  </div>
</body>
</html>
